<!DOCTYPE html>
<html>
<head>
  <title>杨亭个人简历</title>
  <meta charset="utf-8">
  <meta  name="viewport" content="width=device-width,initial-scale=1">
  <meta content="" name="keywords">
  <meta content="" name="description">

  <link rel="stylesheet" type="text/css" href="lib/bootstrap/bootstrap.min.css">
  <link rel="stylesheet" type="text/css" href="lib/font-awesome/css/font-awesome.min.css">

  <link rel="stylesheet" type="text/css" href="css/main.css">
</head>
<body data-spy="scroll" data-offset="64" data-target="#top-bar">
  <!-- 顶层导航 -->
  <header id="top-bar">
      <div class="top-bar-inner">
        <div class="container">
          <div class="row">
            <div class="dropdown">
              <ul id="nav" class="nav">
                <li class="menu-item"><a class="smothscroll" href="#Home" title="Home"><i class="fa fa-user"></i></a></li>
                <li class="menu-item"><a class="smothscroll" href="#Experience" title="Experience"><i class="fa fa-file-text-o"></i></a></li>
                <li class="menu-item"><a class="smothscroll" href="#Education" title="Education"><i class="fa fa-briefcase"></i></a></li>
                <li class="menu-item"><a class="smothscroll" href="#Contact" title="Contact"><i class="fa fa-envelope"></i></a></li>

              </ul>
            </div>

             <div class="clearfix"></div>
          </div>

        </div>

           <div class="clearfix"></div>
      </div>

  </header>

  <!-- 内容展示区 -->
  <!-- 头像 -->
  <div id="index">
       <div class="container">
        <div class="row centered">
            <div class="col-lg-12">
              <div class="head">
                <span>
                  <img src="assets/headshot5.jpg" class="img-circle img-responsive img-thumbnail">
                </span>
              <h1 class="text-center text-primary" style="margin-bottom: 6px;color: #fff">杨亭</h1>
              <address>
                        <strong style="color: #fff;">中国</strong><br>
                        <span class="glyphicon glyphicon-home" title="Address"><kbd>现居四川省成都市</kbd></span>
                        <span class="glyphicon glyphicon-phone"  title="Mobile">18408263100</span>
                        <span class="glyphicon glyphicon-envelope" title="Email"><code>1433089942@qq.com</code></span>
              </address>
              </div>
            </div>
        </div>
      </div>
    </div>

    <!-- 详细 -->
    <!-- 主页start -->
    <!-- 用ctrl+双引号试试会发生什么 -->
  <section id="Home" name="home">
    <div id="introduction">
      <div class="container">
        <div class="row">
          <div class="col-lg-2 col-lg-offset-1">
              <h5>自我介绍</h5>
          </div>
          <div class="col-lg-6">
            <p class="text-left normal">
                大一第一次接触到编程，第一节实验课在全班中成为最闪亮的星，从此我成为编程的朋友。
                <br>我做过的项目有一个微信小程序——“随想天气”，一个PC端网站门户——“北国风光”，还有一个正在练习的VUE项目。从一个小白到学会在GitHub上搭建自己的主页，项目托管，我深刻了解到前端技术的更新迭代是我再怎么卯足了劲也学不完的。从此，我成为了学渣。
                <br><br>BUT, ALL IS WELL.
            </p>
          </div>
        </div>
        <!-- row -->
      </div>
    </div>

  </section>

  <!-- 主页end -->

  <!-- 项目经验start -->
  <section id="Experience" name="experience">
    <div id="project">
      <div class="container">
        <div class="row">
          <div class="col-lg-2 col-lg-offset-1">
            <h5>SKILLS</h5>
          </div>
        </div>
        <div class="col-lg-6">
          <div class="row">
                <div class="col-sm-3">
                    <span class="text-muted">HTML5</span>
                </div>
                <div class="col-sm-9">
                    <div class="progress">
                        <div class="progress-bar progress-bar-striped active" style="width: 85%"></div>
                    </div>
                </div>
            </div>

            <div class="row">
                <div class="col-sm-3">
                    <span class="text-success">CSS3</span>
                </div>
                <div class="col-sm-9">
                    <div class="progress">
                        <div class="progress-bar progress-bar-striped progress-bar-success active" style="width: 85%"></div>
                    </div>
                </div>
            </div>

            <div class="row">
                <div class="col-sm-3">
                    <span class="text-info">jQuery</span>
                </div>
                <div class="col-sm-9">
                    <div class="progress">
                        <div class="progress-bar progress-bar-striped progress-bar-info active" style="width: 70%"></div>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-sm-3">
                    <span class="text-warning">JavaScript</span>
                </div>
                <div class="col-sm-9">
                    <div class="progress">
                        <div class="progress-bar progress-bar-striped progress-bar-warning active" style="width: 65%"></div>
                    </div>
                </div>
            </div>

            <div class="row">
                <div class="col-sm-3">
                    <span class="text-danger">VUE</span>
                </div>
                <div class="col-sm-9">
                    <div class="progress">
                        <div class="progress-bar progress-bar-striped progress-bar-danger active" style="width: 50%"></div>
                    </div>
                </div>
            </div>
       </div>
      <!-- skill end-->

      <!-- project intro -->
       <div class="row">
          <div class="col-lg-2 col-lg-offset-1">
            <h5>PROJECT</h5>
          </div>
        </div>

        <div class="panel-body">
            <div id="divCarousel" class="carousel slide" data-ride="carousel">
                <ol class="carousel-indicators">
                    <li data-target="#divCarousel" data-slide-to="0" class="active">.</li>
                    <li data-target="#divCarousel" data-slide-to="1">.</li>
                    <li data-target="#divCarousel" data-slide-to="2">.</li>
                </ol>
                <div class="carousel-inner">
                    <div class="item active">
                        <img src="assets/gh_f4659140877b_430.jpg" alt="" class="img-responsive img-rounded">

                        <div class="carousel-caption">微信小程序-随想天气</div>
                    </div>

                    <div class="item">
                        <img src="assets/首页.png" alt="" class="img-responsive img-rounded">
                        <div class="carousel-caption">PC端门户-北国风光</div>
                    </div>

                    <div class="item">
                        <img src="assets/hero.jpg" alt="" class="img-responsive img-rounded">
                        <div class="carousel-caption">正在进行时项目-VUE论坛</div>
                    </div>
                </div>
                <a href="#divCarousel" class="left carousel-control" data-slide="prev">
                    <span class="glyphicon glyphicon-chevron-left"></span>
                </a>
                <a href="#divCarousel" class="right carousel-control" data-slide="next">
                    <span class="glyphicon glyphicon-chevron-right"></span>
                </a>
            </div>
        </div>
      <!-- project intro end -->
      </div>
    </div>

  </section>
  <!-- 项目经验end -->

  <!-- 教育经历start -->
   <section id="Education" name="education">
    <div id="resume">
      <div class="container">
        <div class="row">
          <div class="col-lg-2 col-lg-offset-1">
              <h5>教育经历</h5>
          </div>
          <div class="col-lg-6">
               <ul class="list-group">
                      <li class="list-group-item list-group-item-success">
                          <div class="row">
                              <div class="col-sm-4">2015/9/-2019/6</div>
                              <div class="col-sm-4">武夷学院</div>
                              <div class="col-sm-4">本科</div>
                          </div>
                      </li>

                      <li class="list-group-item list-group-item-warning">
                          <div class="row">
                              <div class="col-sm-4">2018/12/1-至今</div>
                              <div class="col-sm-4">考研没有成功上岸</div>
                              <div class="col-sm-4">若某一天我还想考研</div>
                          </div>
                      </li>
                  </ul>
          </div>
        </div>

        <div class="row">
          <div class="col-lg-2 col-lg-offset-1">
              <h5>获得荣誉</h5>
          </div>
          <div class="col-lg-6">

                                <ul class="list-group">
                                    <li class="list-group-item list-group-item-success">
                                        <div class="row">
                                            <div class="col-sm-3">2016/11</div>
                                            <div class="col-sm-9">暑假社会实践“先进个人”</div>
                                        </div>
                                    </li>

                                    <li class="list-group-item list-group-item-warning">
                                        <div class="row">
                                            <div class="col-sm-3">2017/11</div>
                                            <div class="col-sm-9">校奖学金三等</div>
                                        </div>
                                    </li>

                                    <li class="list-group-item list-group-item-warning">
                                        <div class="row">
                                            <div class="col-sm-3">2017/7</div>
                                            <div class="col-sm-9">第七届“锐智杯”福建省大学生智能设计比赛三等奖</div>
                                        </div>
                                    </li>
                                    <li class="list-group-item list-group-item-warning">
                                        <div class="row">
                                            <div class="col-sm-3">2018/5</div>
                                            <div class="col-sm-9">英语六级</div>
                                        </div>
                                    </li>
                                </ul>
          </div>

      </div>
    </div>

  </section>
  <!-- 教育经历end -->

  <!-- 联系我start -->
<section id="Contact" name="contact">
    <div id="footwrap">
      <div class="container">
        <div class="row">
          <div class="col-lg-2 col-lg-offset-1">
              <h5>联系</h5>
          </div>
          <div class="col-lg-6">
             <div class="panel panel-primary">
                <div class="panel panel-heading">链接</div>
                  <div class="panel-body">
                     <p>
                      <a href="#" ><i class="fa fa-qq"></i></a>
                      <a href="https://blog.csdn.net/weixin_39773631" title="CSDN"><i class="fa fa-weibo"></i></a>
                      <a href="https://www.zhihu.com/people/ye-man-shao-nian/activities" title="知乎"><i class="fa fa-instagram"></i></a>
                      <a href="#" ><i class="fa fa-weixin"></i></a>
                    </p>
                  </div>
                </div>

             <div class="panel panel-primary">
                <div class="panel panel-heading">留言板</div>
                <div class="panel-body"  style="padding: 0;margin:0 15px ">
                  <!-- 输入区域 -->
                  <form class="form-inline">
                    <div class="form-group " >
                      <div class="">
                         <label class="sr-only" for="email">Email address</label>
                         <input type="email" class="form-control " id="email" placeholder="Email will not be saved">
                      </div>

                    </div>
                    <div class="form-group">
                      <div class="">
                        <label class="sr-only" for="username">userName</label>
                       <input type="text" class="form-control " id="username" placeholder="Name">
                      </div>

                    </div>
                     <button type="submit" class="btn btn-primary pull-right " id="submit">Send</button>
                    <textarea name="MsgBoard" id="inputMsgBoard" class="form-control" style="color: black;width: 100%"  rows="3" required="required" placeholder="欢迎留言（最多吐槽140字）" maxlength="140">

                    </textarea>
                 </form>
                    <!-- 留言列表区域 -->

                  <div class="cmt-container">
                    <div class="cmt-list">
                      <div class="cmt-item" >
                        <div class="cmt-item-title" id="cmt-title">
                           <i id="numId"></i>&nbsp;<i id="user_name"></i>&nbsp;<span id="add_time"></span>
                        </div>
                        <div class="cmt-item-body" id="cmt-content">

                        </div>
                      </div>
                    </div>

                  </div>

                  <button type="danger" class="btn btn-info btn-block"  plain>加载更多</button>

                </div>
            </div>
          </div>
      </div>
        </div>
        <!-- row -->
      </div>
    </div>

  </section>
  <!-- 联系我end -->

<script type="text/javascript" src="lib/jQuery/jquery.min.js"></script>
<script type="text/javascript" src="lib/bootstrap/bootstrap.min.js"></script>
<script type="text/javascript" src="js/main.js"></script>

</body>
</html>